<%--
  Created by IntelliJ IDEA.
  User: lenovo
  Date: 2023-12-20
  Time: 14:28
  To change this template use File | Settings | File Templates.
--%>
<!DOCTYPE html>
<%@ page contentType="text/html;charset=UTF-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ page isELIgnored="false" %>
<jsp:useBean id="menu" scope="request" type="java.lang.String"/>
<!-- 设置页面为Chain -->
<html lang="ch">
<head>
    <title>小米商城</title>
    <!-- 设置地址栏主题背景颜色 -->
    <meta name="theme-color" content="#000000">
    <!-- 页面描述 -->
    <meta name="description" content="页面描述信息">
    <!-- 移动端显示 -->
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <!-- 页面Logo -->
    <link rel="shortcut icon" href="http://localhost:8083/resource_packs/images/logo.png">
    <script src="${pageContext.request.contextPath}/other/component/jquery.min.js"></script>
    <script src="${pageContext.request.contextPath}/other/request/reception_desk/account.js"></script>
    <script src="${pageContext.request.contextPath}/other/scripts/reception_desk/center.js"></script>
    <script src="${pageContext.request.contextPath}/other/resource/aes_key_util.js"></script>
    <script src="${pageContext.request.contextPath}/other/resource/input_util.js"></script>
    <link href="${pageContext.request.contextPath}/other/style/reception_desk/center.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<jsp:useBean id="accountId" scope="request" type="java.lang.String"/>
<jsp:useBean id="name" scope="request" type="java.lang.String"/>
<jsp:useBean id="id" scope="request" type="java.lang.Integer"/>
<jsp:useBean id="notDecryptedInformationId" scope="request" type="java.lang.String"/>
<!-- jsp:include导入网页导航栏  jsp:param向导航栏传值 -->
<jsp:include page="/WEB-INF/page/reception_desk/navigation_bar.jsp" flush="true">
    <jsp:param name="accountid" value="${accountId}"/>
    <jsp:param name="name" value="${name}"/>
    <jsp:param name="id" value="${id}"/>
</jsp:include>
<div class="breadcrumbs">
    <div>
        <a>首页</a>
        <span>/</span>
        <span class="string-name">
        <c:if test="${menu == 3}">个人中心</c:if>
        <c:if test="${menu == 4}">消息中心</c:if>
        <c:if test="${menu == 5}">优惠券</c:if>
        <c:if test="${menu == 6}">收货地址</c:if>
        <c:if test="${menu == 1}">交易订单</c:if>
        <c:if test="${menu == 2}">订单评价</c:if>
        <c:if test="${menu == 7}">服务记录</c:if>
        <c:if test="${menu == 8}">申请售后服务</c:if>
        <c:if test="${menu == 11}">订单详情</c:if>
        </span>
    </div>
</div>
<div class="body" accountId="${accountId}" accountName="${name}">
    <!-- 个人中心 -->
    <div>
        <div class="container">
            <div class="row">
                <div class="tab-title">
                    <div class="user-address-menu">
                        <div class="menu-box">
                            <h3 class="title">订单中心</h3>
                            <ul class="list">
                                <li>
                                    <a href="http://localhost:8083/www.xiaomi.com/center?informationId=${notDecryptedInformationId}&accountId=${accountId}&name=${name}&menu=1">
                                        我的订单
                                    </a>
                                </li>
                                <li>
                                    <a href="http://localhost:8083/www.xiaomi.com/center?informationId=${notDecryptedInformationId}&accountId=${accountId}&name=${name}&menu=2">
                                        评价晒单
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <div class="menu-box">
                            <h3 class="title">个人中心</h3>
                            <ul class="list">
                                <li>
                                    <a href="http://localhost:8083/www.xiaomi.com/center?informationId=${notDecryptedInformationId}&accountId=${accountId}&name=${name}&menu=3">
                                        我的个人中心
                                    </a>
                                </li>
                                <li>
                                    <a href="http://localhost:8083/www.xiaomi.com/center?informationId=${notDecryptedInformationId}&accountId=${accountId}&name=${name}&menu=4">
                                        消息通知
                                    </a>
                                </li>
                                <li>
                                    <a href="http://localhost:8083/www.xiaomi.com/center?informationId=${notDecryptedInformationId}&accountId=${accountId}&name=${name}&menu=5">
                                        优惠券
                                    </a>
                                </li>
                                <li>
                                    <a href="http://localhost:8083/www.xiaomi.com/center?informationId=${notDecryptedInformationId}&accountId=${accountId}&name=${name}&menu=6">
                                        收货地址
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <div class="menu-box">
                            <h3 class="title">售后服务</h3>
                            <ul class="list">
                                <li>
                                    <a href="http://localhost:8083/www.xiaomi.com/center?informationId=${notDecryptedInformationId}&accountId=${accountId}&name=${name}&menu=7">
                                        服务记录
                                    </a>
                                </li>
                                <li>
                                    <a href="http://localhost:8083/www.xiaomi.com/center?informationId=${notDecryptedInformationId}&accountId=${accountId}&name=${name}&menu=8">
                                        申请服务
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <div class="menu-box">
                            <h3 class="title">账户管理</h3>
                            <ul class="list">
                                <li>
                                    <a href="http://localhost:8083/www.xiaomi.com/personal"
                                       target="_blank">
                                        个人信息
                                    </a>
                                </li>
                                <li>
                                    <a href="http://localhost:8083/www.xiaomi.com/personal">
                                        修改密码
                                    </a>
                                </li>
                                <li>
                                    <span class="logout-service">
                                        注销服务
                                    </span>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <!-- jsp:include导入网页导航栏  jsp:param向导航栏传值 -->
                <c:if test="${menu == 3}">
                    <script>$(".menu-box .list a:eq(${menu-1})").css("color","#ff6700")</script>
                    <jsp:include page="/WEB-INF/page/reception_desk/personal_center.jsp" flush="true">
                        <jsp:param name="id" value="1"/>
                    </jsp:include>
                </c:if>
                <c:if test="${menu == 4}">
                    <script>$(".menu-box .list a:eq(${menu-1})").css("color","#ff6700")</script>
                    <jsp:include page="/WEB-INF/page/reception_desk/information_notices.jsp" flush="true">
                        <jsp:param name="id" value="1"/>
                    </jsp:include>
                </c:if>
                <c:if test="${menu == 5}">
                    <script>$(".menu-box .list a:eq(${menu-1})").css("color","#ff6700")</script>
                    <jsp:include page="/WEB-INF/page/reception_desk/coupons.jsp" flush="true">
                        <jsp:param name="id" value="1"/>
                    </jsp:include>
                </c:if>
                <c:if test="${menu == 6}">
                    <script>$(".menu-box .list a:eq(${menu-1})").css("color","#ff6700")</script>
                    <jsp:include page="/WEB-INF/page/reception_desk/delivery_address.jsp" flush="true">
                        <jsp:param name="id" value="1"/>
                    </jsp:include>
                </c:if>
                <c:if test="${menu == 1}">
                    <script>$(".menu-box .list a:eq(${menu-1})").css("color","#ff6700")</script>
                    <jsp:include page="/WEB-INF/page/reception_desk/order.jsp" flush="true">
                        <jsp:param name="id" value="1"/>
                    </jsp:include>
                </c:if>
                <c:if test="${menu == 2}">
                    <script>$(".menu-box .list a:eq(${menu-1})").css("color","#ff6700")</script>
                    <jsp:include page="/WEB-INF/page/reception_desk/appraise.jsp" flush="true">
                        <jsp:param name="id" value="1"/>
                    </jsp:include>
                </c:if>
                <c:if test="${menu == 7}">
                    <script>$(".menu-box .list a:eq(${menu-1})").css("color","#ff6700")</script>
                    <jsp:include page="/WEB-INF/page/reception_desk/service_records.jsp" flush="true">
                        <jsp:param name="id" value="1"/>
                    </jsp:include>
                </c:if>
                <c:if test="${menu == 8}">
                    <script>$(".menu-box .list a:eq(${menu-1})").css("color","#ff6700")</script>
                    <jsp:include page="/WEB-INF/page/reception_desk/apply_for_services.jsp" flush="true">
                        <jsp:param name="id" value="1"/>
                    </jsp:include>
                </c:if>
                <c:if test="${menu == 11}">
                    <script>$(".menu-box .list a:eq(${menu-1})").css("color","#ff6700")</script>
                    <jsp:include page="/WEB-INF/page/reception_desk/order_details.jsp" flush="true">
                        <jsp:param name="id" value="1"/>
                    </jsp:include>
                </c:if>
            </div>
        </div>
    </div>


    <!-- 隐藏部分 -->
    <div class="hint-window-logout" style="display: none" >
        <div class="blinded"></div>

        <div class="hint-window-logout-revise">
        <div class="hint-window-logout-title">
          <span class="change-address-title">账户注销</span>
          <img src="http://localhost:8083/resource_packs/images/pop_ups_closes.png" class="hint-img" alt="关闭">
        </div>
        <div style="display: inline-flex;">
          <div class="revise-account">
            <span class="phone-title">手机号</span>
            <label>
              <input type="text" class="phone-number" value="" name="phone-number">
            </label>
          </div>
          <div class="revise-account">
            <span class="password-title">密码</span>
            <label>
              <input type="password" class="password-number"  value="" name="password-number">
            </label>
          </div>
        </div>
        <div class="choose">
            <span class="placeholder-code">请输入验证码</span>
            <label>
                <input type="text" class="input-code">
            </label><button captcha="captcha" id="count" class="obtain">获取验证码</button>
        </div>
        <div class="operate" informationId="${id}">
          <a class="confirm" >确认</a> <span class="cancel">取消</span>
        </div>
      </div>
    </div>


    <!-- jsp:include导入网页尾部  jsp:param向该页面传值 -->
    <jsp:include page="/WEB-INF/page/reception_desk/footer_page.jsp" flush="true">
        <jsp:param name="id" value="1"/>
    </jsp:include>
</body>
</html>
